<template>
  <el-card shadow="always" class="m-margin-1">
    <div class="title1">
      遥测数据查询
    </div>
    <el-tabs v-model="activeName"  type="card">
      <el-tab-pane label="历史走势" name="chart">
        <div v-if="activeName === 'chart'" class="card">
          <TelecontrolChart ref="tcChartRef"></TelecontrolChart>
        </div>
      </el-tab-pane>
      <el-tab-pane label="历史数据导出" name="export">
        <div v-if="activeName === 'export'"  class="card">
           <TmExport></TmExport>
        </div>
      </el-tab-pane>
    </el-tabs>
</el-card>
</template>

<script setup>
import { ref } from 'vue'
import TelecontrolChart from './modules/TelecontrolChart.vue'
import TmExport from './modules/TmExport.vue'

const activeName = ref('chart')
</script>

